<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>




  <meta http-equiv="content-type" content="text/html;charset=UTF-8"><title>Backpack: ttt</title>
  

  <link href="css/screen.css" media="all" rel="Stylesheet" type="text/css">
  <link href="css/blue.css" media="screen" rel="Stylesheet" type="text/css"> 
  
  <link href="css/print.css" media="print" rel="Stylesheet" type="text/css">
  <script src="javascripts/yellow_fade_technique.js" type="text/javascript"></script>
<script src="javascripts/prototype.js" type="text/javascript"></script>
  <script src="javascripts/controls.js" type="text/javascript"></script>
<script src="javascripts/dragdrop.js" type="text/javascript"></script>
<script src="javascripts/effects.js" type="text/javascript"></script>
  <script src="javascripts/misc.js" type="text/javascript"></script>
<script src="javascripts/blocks.js" type="text/javascript"></script>

  

  <script type="text/javascript">
//<![CDATA[

  function post_page_request(url) {
    $('invisible').action = url
    $('invisible').submit()
  }

//]]>
</script></head><body class="perma">


<div id="Header">
  <div id="Tabs">
    <ul id="MainTabs">
  
    <li><a href="http://daniello.backpackit.com/page/673837/clear_start" class="current">Pages</a></li>
  

  <li><a href="http://daniello.backpackit.com/calendar" class="" id="calendar_tab"><span>Calendar</span></a></li>
  <li><a href="http://daniello.backpackit.com/reminders" class="">Reminders</a></li>
  <li><a href="http://daniello.backpackit.com/writeboards" class="">Writeboards</a></li>
</ul>
<ul id="AccountTabs">
  <li><a href="http://daniello.backpackit.com/account/settings" class="">Settings</a></li>
  <li><a href="http://daniello.backpackit.com/account" class="">Account</a></li>
  <li><a href="#" onclick="if(confirm('Are you sure you want to log out and end your session?')) $('logout_form').submit(); return false;">Logout</a></li>
</ul>

  </div>
</div>

<div id="Wrapper">
<div id="Container">
  
  <div id="Sidebar">
  
    <div id="upcoming_reminders">
      <script language="Javascript">
  <!--
  /* only works for seconds less than 1.hour */
  function distance_of_time_in_words(seconds) {
    if(seconds < 60) return "less than a minute"
    else if(seconds < 90) return "1 minute"
    else if(seconds <= 45*120) return Math.round(seconds/60) + " minutes"
    else return "about 1 hour"
  }
  -->
</script>



    </div>
  
  
    <div id="Pages">
    
      <div style="border-bottom: 1px solid rgb(204, 204, 204); text-align: left; margin-bottom: 5px;">
      
        
          <input id="make_new_button" onclick="document.location.href='/pages/new'" src="images/b-make_new_page.gif" type="image">
        
        
        <div id="Upgrade">
          You're using the free account. <a href="http://daniello.backpackit.com/account" class="">Upgrade your account</a> and get more pages, photo sharing, file hosting, and more. <a href="http://www.backpackit.com/upgrade/" target="_blank">Find out more</a> or <a href="http://daniello.backpackit.com/account" class="">upgrade today</a>!
        </div>
        
      
      </div>
    


    
      <div class="pagesnav">
        <a href="http://daniello.backpackit.com/page/673837/clear_start" class=""><span id="page_667709">Home page</span></a>
        <a href="http://daniello.backpackit.com/page/673837/all" class=""><span>My pages</span></a>      
        
      </div>
    
  
    
      
        <div class="favorites">
          
            <a href="http://daniello.backpackit.com/page/667710" id="page_667710">Example page</a>
          
            <a href="http://daniello.backpackit.com/page/667711" id="page_667711">The very first page</a>
          
            <a class="current" href="http://daniello.backpackit.com/page/673837" id="page_673837">ttt</a>
          
        </div>
      
    

    
  		<!-- div class="adsUpgrade">
  			<h3>From the makers of Backpack...</h3>
  			<p><strong><a href="http://www.37signals.com" target=_blank>37signals Software</a></strong>:
  			From group chat, to project collaboration, to collaborative writing, 37signals web-based products are simple, easy to use, and affordable.</p>
			
  			<small>Don't want to see ads? <a href="/account" class="">Upgrade your account</a> and you'll never see ads again. It only takes 30 seconds.</small>
  		</div -->
    
    
    
      <script>
        <!-- 
        el = $('page_673837')
        if(el) {
          el.className = "current";
        }
        -->
      </script>
    
    </div>
  </div>

	<div id="Main">
		<div class="inner">
      
        <div id="flash" class="notice" style="display: none;"></div>
      

      





  <div class="section pageheader">
    
      <a class="image" href="#shares_block"><img alt="Shared" id="sharing_bug" src="images/sharing_bug.gif" style="display: none;"></a>

      
  <div class="tags" id="tags_block">
    <span id="add_tags_link">
      
        <a href="#" onclick="tagsBlock.edit(); return false;">Add tags</a>
      
      <img alt="Indicator" id="tags_spinner" src="images/indicator.gif" style="display: none;" height="16" width="16">
    </span>

    <div class="showhidedialog" id="add_tags" style="display: none;">
      <form action="/page/673837/tags/tag" method="post" onsubmit="Element.toggle('tag_indicator', 'tag_submit'); new Ajax.Updater('tags_block', '/page/673837/tags/tag', {asynchronous:true, evalScripts:true, parameters:Form.serialize(this)}); return false;">
        <span id="tag_submit">
          <p class="entertags">Enter tags for this page</p>
          <p><textarea cols="30" id="edit_tags" name="edit_tags" rows="4"></textarea></p>
          <p class="small"><strong>Note:</strong>
Separate each tag with a space: vacation seattle family. To use 2 words
together in one tag, wrap quotes around them: "new business". <a href="http://www.backpackit.com/weblog/archives/new_features_updates/what_are_tags_and_how_can_i_use_tags_in_backpack.php" target="_blank">What are tags</a> anyway?</p>
          <p class="submit"><input name="commit" value="Save tags" type="submit">
          or <a class="admin" href="#" onclick="tagsBlock.display(); return false;">Close</a></p>
        </span>
        <img alt="Indicator" id="tag_indicator" src="images/indicator.gif" style="display: none;">
      </form>
    </div>
  </div>

  <div id="tagsMatches" style="display: none;">
  </div>



      
      <div class="showhidedialog" id="edit_title" style="display: none;">
        <form action="/page/673837/update_title" method="post" onsubmit="pageManager.beforeSaveTitle(); new Ajax.Updater('page_title', '/page/673837/update_title', {asynchronous:true, evalScripts:true, onComplete:function(request){pageManager.titleUpdated(request, 673837)}, parameters:Form.serialize(this)}); return false;">
          <p>
            <input id="edit_title_input" name="page[title]" size="50" value="ttt" type="text">
            <img alt="Indicator" id="title_indicator" src="images/indicator.gif" style="display: none;">
          </p>

          <p class="submit">
            <input name="commit" value="Save changes" type="submit"> or 
            <a href="#" onclick="pageManager.display(); return false;">Cancel</a>
          </p>
        </form>
      </div>
      

      <h1 id="page_title">  <span class="link_to_edit_container" onmouseover="pageManager.hover.begin()" onmouseout="pageManager.hover.end(null, true)">
    <span id="edit_title_link" onmouseover="pageManager.hover.begin()" class="link_to_edit_nubbin" style="display: none;">
      
      <a class="image" href="#" onclick="pageManager.edit.show(); return false;"><img alt="Edit" src="images/edit.gif"></a>
    </span>
    ttt
  </span>

</h1>

      
      <div id="tools"><a name="tools"></a>
    <span id="body_link_off" style="display: none;">
      <a href="#" onclick="bodyBlock.toggleEdit(); return false;"><img alt="T-body-off" src="images/t-body-off.gif"></a>
    </span>
    <span id="body_link_edit" style="display: none;">
      <a class="admin" href="#" onclick="bodyBlock.toggleEdit(); return false;"><img alt="T-body-on" src="images/t-body-on.gif"></a>
    </span>
    <span id="body_link_on">
      <a class="admin" href="#" onclick="bodyBlock.toggleEdit(); return false;" style="color: rgb(85, 85, 85); margin-right: 4px;">Edit Body</a>
    </span>

    <span id="lists_link_off">
      <a href="#lists_block" onclick="listsBlock.block.show()"><img alt="T-list-off" src="images/t-list-off.gif"></a>
    </span>
    <span id="lists_link_on" style="display: none;">
      <a href="#lists_block" onclick="listsBlock.checkEmpty(true)"><img alt="T-list-on" src="images/t-list-on.gif"></a>
    </span>

    <span id="notes_link_off" style="display: none;">
  	  <a href="#notes_block" onclick="notesBlock.edit.show()"><img alt="T-notes-off" src="images/t-notes-off.gif"></a>
    </span>
    <span id="notes_link_on">
  	  <a href="#notes_block" onclick="notesBlock.checkEmpty(true)"><img alt="T-notes-on" src="images/t-notes-on.gif"></a>
    </span>

    <span id="attachments_link_off">
      <a href="#attachments_block" onclick="filesBlock.edit.show()"><img alt="T-files-off" src="images/t-files-off.gif"></a>
    </span>
    <span id="attachments_link_on" style="display: none;">
	    <a href="#attachments_block" onclick="filesBlock.checkEmpty(true)"><img alt="T-files-on" src="images/t-files-on.gif"></a>
    </span>

    <span id="images_link_off">
      <a href="#images_block" onclick="imagesBlock.edit.show()"><img alt="T-images-off" src="images/t-images-off.gif"></a>
    </span>
    <span id="images_link_on" style="display: none;">
	    <a href="#images_block" onclick="imagesBlock.checkEmpty(true)"><img alt="T-images-on" src="images/t-images-on.gif"></a>
    </span>

    <span id="writeboards_link_off">
      <a href="#writeboards_block" onclick="writeboardsBlock.edit.show()"><img alt="T-writeboards-off" src="images/t-writeboards-off.gif"></a>
    </span>
    <span id="writeboards_link_on" style="display: none;">
      <a href="#writeboards_block" onclick="writeboardsBlock.checkEmpty(true)"><img alt="T-writeboards-on" src="images/t-writeboards-on.gif"></a>
    </span>

    
      <span id="links_link_off">
        <a href="#links_block" onclick="linksBlock.edit.show()"><img alt="T-links-off" src="images/t-links-off.gif"></a>
    	</span>
    	<span id="links_link_on" style="display: none;">
    	  <a href="#links_block" onclick="linksBlock.checkEmpty(true)"><img alt="T-links-on" src="images/t-links-on.gif"></a>
    	</span>

      <span id="shares_link_off">
        <a href="#shares_block" onclick="sharesBlock.edit.show()"><img alt="T-sharing-off" src="images/t-sharing-off.gif"></a>
    	</span>
    	<span id="shares_link_on" style="display: none;">
    	  <a href="#shares_block" onclick="sharesBlock.checkEmpty(true)"><img alt="T-sharing-on" src="images/t-sharing-on.gif"></a>
    	</span>
    
    
    <a href="#" id="help_link" onclick="window.open('/help/types','mywindow','width=600,height=500,scrollbars=yes')">?</a>
</div>

      

      
      <div class="section body" id="body_block">
  <div id="description"><p>body<br>fdsfds</p></div>
  
  <div class="showhidedialog dialogbg" id="edit_body" style="display: none;">
    <form action="/page/673837/update_body" method="post" onsubmit="new Ajax.Updater('description', '/page/673837/update_body', {asynchronous:true, evalScripts:true, onComplete:function(request){bodyBlock.display(); new Effect.Highlight('description', {delay: 0.3})}, parameters:Form.serialize(this)}); return false;">
      <p><textarea cols="40" id="edit_description_textarea" name="page[description]" rows="20">body
fdsfds</textarea></p>

      <p class="submit">
        <input name="commit" value="Save changes" type="submit"> or 
        <a href="#" onclick="bodyBlock.display(); return false;">Cancel</a>
      </p>
    </form>
  </div>
</div>

      
    
  </div>





  <div class="section lists" id="lists_block" style="display: none;">
    <h2>Lists</h2>

    
      <script type="text/javascript">
        listsBlock.count = 0
        listsBlock.reorder.url = '/page/673837/lists/reorder'
      </script>
    

    <div id="lists">
      
    </div>

    
      <div id="addlistdialog" class="showhidedialog dialogbg">
  <!-- once there are lists on the page, use this form to create lists -->
  <div id="create_new_list" style="display: none;">
    <form action="/page/673837/lists/add" method="post" onsubmit="if (Field.present('new_list_name')) { listsBlock.add.before(); new Ajax.Request('/page/673837/lists/add', {asynchronous:true, evalScripts:true, onFailure:function(request){listsBlock.add.failure(request)}, onSuccess:function(request){listsBlock.add.success(request)}, parameters:Form.serialize(this)}); }; return false;">
  		  <h3>Give this list a name:</h3>
  		<p>
  		  <input class="additemfield" id="new_list_name" name="name" type="text">
  		  <img alt="Indicator" id="lists_indicator" src="images/indicator.gif" style="display: none;" height="16" width="16">
  		</p>
  		<p class="submit">
  		  <input name="commit" value="Add list" type="submit"> or 
  		  <a href="#" onclick="listsBlock.edit.hide(); return false;">Close</a>
      </p>
    </form>
  </div>
  
  
    <!-- if there are no lists on the page yet, use this form to create the first list -->
    <div id="create_new_list_from_item">
      <form action="/page/673837/lists/add_from_item" method="post" onsubmit="if (Field.present('new_list_item_content')) { listsBlock.add.before(); new Ajax.Request('/page/673837/lists/add_from_item', {asynchronous:true, evalScripts:true, onFailure:function(request){listsBlock.add.failure(request)}, onSuccess:function(request){listsBlock.add.success(request)}, parameters:Form.serialize(this)}); }; return false;">
    		<p>
    		  <input class="additemfield" id="new_list_item_content" name="content" type="text">
    		  <img alt="Indicator" id="lists_item_indicator" src="images/indicator.gif" style="display: none;" height="16" width="16">
    		</p>
    		<p class="submit">
    		  <input name="commit" value="Add item" type="submit"> or 
    		  <a href="#" onclick="listsBlock.edit.hide(); return false;">Close</a>
        </p>
      </form>
    </div>
  
</div>

<div class="addcapsule" id="addlist" style="display: none;">
  <div class="addright">
    <a href="#" id="list_add_toggle" onclick="listsBlock.edit.show(); return false;">Make a new list</a>
    <span class="addpipe" id="addlist_separator" style="display: none;">|</span>
    <a bp:active_class="donelink" bp:active_text="I'm done reordering" href="#" id="reorder_lists" onclick="listsBlock.reorder.toggle(); return false;" style="display: none;">Reorder lists</a>
  </div>
</div>

    
  </div>



  <div class="section notes" id="notes_block">
    <h2>Notes</h2>

<div class="content" id="notes">
	
  	<div id="note_939677">
  	  <div style="background: transparent none repeat scroll 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" class="note" id="show_note_939677">
	<h3 class="notetitle">
	  <img alt="Drag" class="dragger note_dragger" src="images/drag.gif" style="display: none;">
	  
	    <span class="link_to_edit_container" onmouseover="notesBlock.hover.begin(939677)" onmouseout="notesBlock.hover.end(939677, true)">
    <span id="edit_note_939677_link" onmouseover="notesBlock.hover.begin(939677)" class="link_to_edit_nubbin" style="display: none;">
      <a class="trashcan" href="#" onclick="if (confirm('Are you sure?')) { new Ajax.Updater('notes', '/page/673837/notes/destroy/939677', {asynchronous:true, evalScripts:true, onComplete:function(request){notesBlock.noteDeleted()}}); new Effect.Fade('show_note_939677');; }; return false;"><img alt="Trash" src="images/trash.gif"></a>
      <a class="image" href="#" onclick="notesBlock.edit.show(939677); return false;"><img alt="Edit" src="images/edit.gif"></a>
    </span>
    nnjyjy<span class="date"> Posted 25 Jul</span>
  </span>

	</h3>

	<div class="note_content"><p>yjt</p></div>
</div>


  <div id="edit_note_939677" class="showhidedialog dialogbg" style="display: none;">
    <form action="/page/673837/notes/update/939677" method="post" onsubmit="notesBlock.display(939677); new Ajax.Updater('note_939677', '/page/673837/notes/update/939677', {asynchronous:true, evalScripts:true, parameters:Form.serialize(this)}); return false;">
  		<dl>
  			<dt>Title</dt>
  			<dd><input class="title_field" id="note_title_939677" name="note[title]" value="nnjyjy" type="text"></dd>
  			<dt>Body</dt>
  			<dd><textarea class="body_textarea" id="note_body_939677" name="note[body]" rows="10">yjt</textarea></dd>
  			<dt>&nbsp;</dt>
  			<dd class="submit">
  			  <input value="Save changes" type="submit"> or
  			  <a href="#" onclick="notesBlock.display(939677); return false;">Cancel</a>
  			</dd>
  		</dl>
  	</form>
  </div>


    </div>
  
  	<div id="note_939676">
  	  <div style="background: transparent none repeat scroll 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" class="note" id="show_note_939676">
	<h3 class="notetitle">
	  <img alt="Drag" class="dragger note_dragger" src="images/drag.gif" style="display: none;">
	  
	    <span class="link_to_edit_container" onmouseover="notesBlock.hover.begin(939676)" onmouseout="notesBlock.hover.end(939676, true)">
    <span id="edit_note_939676_link" onmouseover="notesBlock.hover.begin(939676)" class="link_to_edit_nubbin" style="display: none;">
      <a class="trashcan" href="#" onclick="if (confirm('Are you sure?')) { new Ajax.Updater('notes', '/page/673837/notes/destroy/939676', {asynchronous:true, evalScripts:true, onComplete:function(request){notesBlock.noteDeleted()}}); new Effect.Fade('show_note_939676');; }; return false;"><img alt="Trash" src="images/trash.gif"></a>
      <a class="image" href="#" onclick="notesBlock.edit.show(939676); return false;"><img alt="Edit" src="images/edit.gif"></a>
    </span>
    ttyeryey<span class="date"> Posted 25 Jul</span>
  </span>

	</h3>

	<div class="note_content"><p>rryeryr</p></div>
</div>


  <div id="edit_note_939676" class="showhidedialog dialogbg" style="display: none;">
    <form action="/page/673837/notes/update/939676" method="post" onsubmit="notesBlock.display(939676); new Ajax.Updater('note_939676', '/page/673837/notes/update/939676', {asynchronous:true, evalScripts:true, parameters:Form.serialize(this)}); return false;">
  		<dl>
  			<dt>Title</dt>
  			<dd><input class="title_field" id="note_title_939676" name="note[title]" value="ttyeryey" type="text"></dd>
  			<dt>Body</dt>
  			<dd><textarea class="body_textarea" id="note_body_939676" name="note[body]" rows="10">rryeryr</textarea></dd>
  			<dt>&nbsp;</dt>
  			<dd class="submit">
  			  <input value="Save changes" type="submit"> or
  			  <a href="#" onclick="notesBlock.display(939676); return false;">Cancel</a>
  			</dd>
  		</dl>
  	</form>
  </div>


    </div>
  
</div>

<script>var noteReorderUrl = '/page/673837/notes/reorder';</script>




  <script>notesBlock.notesCount = 2</script>

  <div id="addnotedialog" class="showhidedialog dialogbg" style="display: none;">
    <form action="/page/673837/notes/create" method="post" onsubmit="if (Field.present('new_note_title') || Field.present('new_note_body')) { notesBlock.processing(); new Ajax.Updater('notes', '/page/673837/notes/create', {asynchronous:true, evalScripts:true, insertion:Insertion.Bottom, onComplete:function(request){notesBlock.addCompleted(request)}, parameters:Form.serialize(this)}); }; return false;">
      <a id="new_note_anchor" name="new_note"></a>
  		<dl>
  			<dt>Title</dt>
  			<dd>
  			  <input class="title_field" id="new_note_title" name="note[title]" type="text">
  			  <img alt="Indicator" id="notes_indicator" src="images/indicator.gif" style="display: none;">
        </dd>
  			<dt>Body</dt>
  			<dd><textarea class="body_textarea" id="new_note_body" name="note[body]" rows="10"></textarea></dd>
  			<dt>&nbsp;</dt>
  			<dd class="submit">
  			  <input name="commit" value="Add note" type="submit"> or
  			  <a href="#" onclick="notesBlock.checkEmpty(); return false;">Close</a>
  			</dd>
  		</dl>
  	</form>
  </div>

  <div class="addcapsule withreorder" id="addnote">
    <div class="addright">
      <a href="#" id="add_note_link" onclick="notesBlock.edit.show(); return false;">Add note</a>
      <span class="addpipe" id="addnote_separator">|</span>
      <a bp:active_class="donelink" bp:active_text="I'm done reordering" href="#" id="reorder_notes" onclick="notesBlock.reorder(); return false;" onmouseover="clearCurrentHover();" style="">Reorder notes</a>
    </div>
  </div>


  </div>



  <div class="section emails" id="emails" style="display: none;">
    

  </div>



  <div class="section files" id="attachments_block" style="display: none;">
    <h2>Files</h2>


  

  



  <div id="file_conditions" class="conditions">
    
      Free accounts don't include file hosting. <strong><a href="http://daniello.backpackit.com/account">Upgrade your account</a></strong> to upload files.<br>
      <a href="http://www.backpackit.com/upgrade" target="_blank">Learn more</a> about the benefits of upgrading your account.
    
    <a href="#" onclick="filesBlock.hideConditions(); return false;">Hide this message.</a>
  </div>


  </div>


<div class="section images" id="images_block" style="display: none;">
  <h2>Images</h2>





  
    <div id="image_conditions" class="conditions">
      
        Free accounts don't include image hosting. <strong><a href="http://daniello.backpackit.com/account">Upgrade your account</a></strong> to upload images.<br>
        <a href="http://www.backpackit.com/upgrade" target="_blank">Learn more</a> about the benefits of upgrading your account.
      
      <a href="#" onclick="imagesBlock.hideConditions(); return false;">Hide this message.</a>
    </div>
  


</div>


<div class="section writeboards" id="writeboards_block" style="display: none;">
  <h2>Writeboards</h2>

<form id="login_form" method="post" style="display: none;"><input id="author_name" name="author_name" value="Daniel Kwieciński" type="hidden"><input id="login_password" name="password" value="" type="hidden"><input id="data_injection" name="data_injection" value="--- 
:ui_options: 
  :use_name: &quot;Daniel Kwieci\xC5\x84ski&quot;
:account_id: 181951" type="hidden"><input id="html_injection" name="html_injection" value="&lt;style type=&quot;text/css&quot;&gt;
  div#Header {
    background: #c60;
    padding: 10px 0;
  }

  div#Header div {
    margin: 0 auto;
    width: 95%;
    min-width: 750px;
    text-align: left;
    font-size: 12px;
    color: #fff;
  }

  div#Header div a {
    margin: 0 20px;
    color: #fff;
  }
&lt;/style&gt;

&lt;link href=&quot;http://daniello.backpackit.com/stylesheets/blue.css?1159414606&quot; media=&quot;screen&quot; rel=&quot;Stylesheet&quot; type=&quot;text/css&quot; /&gt;

&lt;div id=&quot;Header&quot;&gt;&lt;div&gt;
&lt;a href=&quot;http://daniello.backpackit.com/page/673837&quot;&gt;Go back to &quot;ttt&quot; in Backpack&lt;/a&gt;
&lt;/div&gt;&lt;/div&gt;" type="hidden"></form>

<div class="content">
	<ol id="writeboards">
	   
	</ol>

  <div id="addwriteboarddialog" class="showhidedialog dialogbg">
  
    <form action="/page/673837/writeboards/create" id="new_writeboard_form" method="post" onsubmit="Element.show('start_writeboard_indicator'); new Ajax.Request('/page/673837/writeboards/create', {asynchronous:true, evalScripts:true, onComplete:function(request){Element.hide('start_writeboard_indicator'); writeboardsManager.afterComplete(request, '673837')}, parameters:Form.serialize(this)}); return false;">
      <h3>Enter a title for your new writeboard…</h3>
      <p class="submit">
        <input id="writeboard_title" name="writeboard_title" type="text">
        <input name="commit" value="Start a new writeboard" type="submit">
        <img alt="Indicator" id="start_writeboard_indicator" src="images/indicator.gif" style="display: none;" height="16" width="16">
        
        
      </p>
    </form>

    
      <form action="/page/673837/writeboards/link" id="existing_writeboard_form" method="post" onsubmit="Element.show('link_writeboard_spinner'); new Ajax.Updater('writeboards_block', '/page/673837/writeboards/link', {asynchronous:true, evalScripts:true, onComplete:function(request){Element.hideIf('link_writeboard_spinner')}, parameters:Form.serialize(this)}); return false;">
        <h3 id="orchoose">Or choose from your "Writeboards" tab…</h3>
        <p class="submit">
        <select id="id" name="id"><option value="82907">private</option></select>
          <input name="commit" value="Link writeboard" type="submit"><img alt="Indicator" id="link_writeboard_spinner" src="images/indicator.gif" style="display: none;" height="16" width="16"> or
          <a class="admin" href="#" onclick="writeboardsBlock.checkEmpty(); Element.show('addwriteboard'); return false;">Close</a>
        </p>
      </form>
    
  
  </div>

</div>
  <div class="addcapsule" id="addwriteboard" style="display: none;">
    <div class="addright">
    <a class="admin" href="#" onclick="writeboardsBlock.edit.show(); return false;">Add writeboard</a>
    </div>
  </div>

</div>


 <div class="section links" id="links_block" style="display: none;"> <script language="JavaScript">
  function add_link() {
    if ($('new_page_title') && Field.present('new_page_title')) { 
      $('new_page_link_form').submit();
    } else { 
      new Ajax.Updater(
        'links_block', '/page/673837/link', 
        { parameters:Form.serialize('existing_page_link_form'), asynchronous:true }
      );
      return false;
    }
  }
</script>

<h2>Links to your Backpack pages</h2>
<div class="content">

	<ol id="links">
	
	</ol>



  <div id="addlinkdialog" class="showhidedialog dialogbg">
    <h3>You can link to a Backpack page you've already created, or link to a new  page by entering a page title below <a href="#links" id="help_link" onclick="window.open('/help/types#links','mywindow','width=600,height=500,scrollbars=yes')">?</a></h3>
		<dl>
		  <form action="/page/673837/link" id="existing_page_link_form" method="post" onsubmit="new Ajax.Updater('links_block', '/page/673837/link', {asynchronous:true, evalScripts:true, parameters:Form.serialize(this)}); return false;">
  			<dt>Choose an existing page:</dt>
  			<dd>
  			  <select id="linked_page_id" name="linked_page_id"><option value="667710">Example page</option>
<option value="667709">Home page</option>
<option value="667711">The very first page</option></select>
  			</dd>
			</form>

      
  			<form action="/page/673837/new" id="new_page_link_form" method="post">
  			  <input id="link_back_to_page_id" name="link_back_to_page_id" value="673837" type="hidden">
    			<dt>Or make a new page:</dt>
    			<dd><input id="new_page_title" name="page[title]" type="text"></dd>
    			<dt>&nbsp;</dt>
  			</form>
      

      <dt>&nbsp;</dt>
			<dd class="submit">
			  <input value="Add link" onclick="add_link()" type="button"> or
			  <a class="admin" href="#" onclick="linksBlock.checkEmpty(); return false;">Close</a>
			</dd>
		</dl>
  </div>


</div>

<div class="addcapsule" id="addlink" style="display: none;"><div class="addright"><a class="admin" href="#" onclick="linksBlock.edit.show(); return false;">Add link</a></div></div>

  </div>



  
    <div class="section shares" id="shares_block" style="display: none;">
      <h2>Sharing with…</h2>
<div class="content">
	<ol id="shares">
	

	


  

  
	</ol>


  <div id="addsharedialog" class="showhidedialog dialogbg">
    <form action="/page/673837/share" id="existing_shares_link_form" method="post" onsubmit="new Ajax.Updater('shares_block', '/page/673837/share', {asynchronous:true, evalScripts:true, onComplete:function(request){sharesBlock.checkEmpty()}, parameters:Form.serialize(this)}); return false;">
      <h2>Share this page publicly for anyone and everyone to see <a href="http://daniello.backpackit.com/help#sharing" id="help_link" target="_blank">?</a></h2>
      <div>
        <p style="color: rgb(51, 51, 51); margin-bottom: 5px;"><input id="page_public" name="page[public]" value="1" type="checkbox"><input name="page[public]" value="0" type="hidden"> Make this page <strong>public</strong> at <span class="url">http://daniello.backpackit.com/pub/673837</span></p>
        <small><strong>Important:</strong> Public pages may be indexed by search engines and may be listed on the <a href="http://123.backpackit.com/shuffle" target="_blank">Backpack Shuffle</a> page. Do not make pages with sensitive or private information public.</small>
      </div>
      <h2>Let certain people see <em>and change</em> this page <a href="http://daniello.backpackit.com/help#sharing" id="help_link" target="_blank">?</a></h2>
      <div class="pickpeople">
        
  			<p style="margin-top: 10px; font-weight: bold;">Enter email addresses </p>
  			<p><textarea id="email_addresses" name="email_addresses" rows="4"></textarea></p>
  			<small>These people will receive an email with a link back to this page (they'll only be able to access <em>this</em>
page — they won't see your other pages). If they don't have Backpack
accounts they'll be prompted to sign up for a free account before they
can access the page.</small>
      </div>
  			<p class="submit">
  			  <input name="commit" value="Share" type="submit"> or
  			  <a class="admin" href="#" onclick="sharesBlock.checkEmpty(); return false;">Close</a>
  			</p>
		</form>
  </div>



</div>

  <div class="addcapsule" id="addshare" style="display: none;">
    <div class="addright">
    <a class="admin" href="#" onclick="sharesBlock.edit.show(); return false;">Add person or turn on public sharing</a>
    </div>
  </div>


    </div>
  








  

<div id="page_links">
<p>

  <a href="#" onclick="post_page_request('/page/673837/toggle_placement_in_sidebar'); return false;">Remove from sidebar</a>, 

  
    
      <a href="#" onclick="if(confirm('Are you sure you want to delete this page?')) post_page_request('/page/673837/destroy'); return false;">Delete this page</a>,
    
  



  <a href="#" onclick="post_page_request('/page/673837/duplicate'); return false;">Duplicate this page</a>,


<span id="email_page_link">
<a href="#" onclick="$('email_page_link').innerHTML = 'Sending page...'; new Ajax.Updater('email_page_link', '/page/673837/email', {asynchronous:true, evalScripts:true, onComplete:function(request){setTimeout('new Effect.Fade(\'email_page_link\')', 1700)}}); return false;">Email me this page</a>
</span>
</p>

<p>
  <img alt="email" src="images/icon-email.gif" style="padding-bottom: 4px;">
  Send email to this page: <a href="mailto:cleve05amy@daniello.backpackit.com">cleve05amy@daniello.backpackit.com</a>

  
    <span class="admin">(<a href="#" onclick="post_page_request('/page/673837/renew_email_key'); return false;">Renew address</a>)</span> <a href="http://backpackit.com/weblog/archives/tips_tricks/pages_adding_content_to_a_page_via_email.php" id="help_link" target="_blank">?</a>
  
</p>
</div>

<form action="/page/673837" id="invisible" method="post"></form>



    </div>
  </div>

  <div id="BottomShadow">&nbsp;</div>
</div>
</div>

<div id="Footer">
  <a class="image" href="http://backpackit.com/"><img alt="Backpack logo" id="Logo" src="images/footer-logo.gif" height="41" width="49"></a>
  <div>
    <p>
      <span class="admin">
        <a href="http://daniello.backpackit.com/account/changes">Changes</a> | 
        <a href="http://daniello.backpackit.com/help">Help</a> | <a href="http://daniello.backpackit.com/help/formatting">Text Formatting</a> | <a target="_blank" href="http://backpackit.com/weblog">Weblog</a> | <a target="_blank" href="http://backpackit.com/forum">Forum</a> | <a href="http://www.backpackit.com/privacy.html" target="_blank">Privacy Policy</a> | <a href="http://www.backpackit.com/terms.html" target="_blank">Terms of Service</a></span></p>
  </div>
</div>

<form action="/account/logout" id="logout_form" method="post"></form>

</body></html>